<div style="width: 100%">
    <el-row>
        <el-col :span="11">
            <el-card>
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm">
                    <el-form-item label="Git地址" prop="gitUrl">
                        <el-input v-model="ruleForm.gitUrl" name="gitUrl"></el-input>
                    </el-form-item>
<!--                    <el-form-item label="分支" prop="branch">-->
<!--                        <el-input v-model="ruleForm.branch" name="branch" placeholder="develop"></el-input>-->
<!--                    </el-form-item>-->
<!--                    <el-form-item label="名称" prop="name">-->
<!--                        <el-input v-model="ruleForm.name" name="name" readonly></el-input>-->
<!--                    </el-form-item>-->
                    <el-form-item>
                        <el-button type="primary" @click="submitForm">立即创建</el-button>
                        <el-button @click="resetForm()">重置</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </el-col>
        <el-col :span="13">
            <el-card>
                <el-table :data="config.repositoryList" style="width: 100%" border="true" stripe="true">
                    <el-table-column label="仓库" align="center" prop="name">
                    </el-table-column>
                    <el-table-column label="分支" align="center" prop="branch">
                    </el-table-column>
                    <el-table-column align="center" label="操作">
                        <template slot-scope="scope">
                            <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
                            <el-popconfirm
                                    confirm-button-text='删除'
                                    cancel-button-text='取消'
                                    icon="el-icon-delete"
                                    icon-color="red"
                                    @confirm="handleDelete(scope.$index, scope.row)"
                                    :title="'确认删除' + scope.row.name + '标签吗？'">
                                <el-button
                                        size="mini"
                                        type="danger"
                                        slot="reference"
                                >删除
                                </el-button>
                            </el-popconfirm>

                        </template>
                    </el-table-column>
                </el-table>
                <el-dialog title="编辑仓库" :visible.sync="dialogFormVisible">
                    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
                        <el-form-item label="分支">
                            <el-select v-model="ruleForm.branch" filterable placeholder="请选择分支">
                                <el-option :label="item" :value="item" v-for="(item,index) in ruleForm.branchs"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-form>
                    <div slot="footer" class="dialog-footer">
                        <el-button @click="dialogFormVisible = false">取 消</el-button>
                        <el-button type="primary" @click="modify">确 定</el-button>
                    </div>
                </el-dialog>
            </el-card>
        </el-col>
    </el-row>
</div>